import React from "react"
import Rank from "../components/Ranking"
import Navict from "../components/Navict"
import BottomNavict from "../components/BottomNavict"
import rankStyle from "./styles/ranking.module.css"

const Ranking: React.FC = () => {
    return (
        <>
            <Navict/>
            <div className={rankStyle.container}>
                {
                    Array.from(Array(6).keys()).map((e: number) => (
                        <div key={e} className={rankStyle.column}>
                            <Rank type={e + 1}/>
                        </div>
                    ))
                }
            </div>
            <BottomNavict/>
        </>
    )
}

export default Ranking